<!DOCTYPE html>
<html>
    <head>
        <meta charest="UTF-8">
        <title>图片博客网站</title>
        <style >
            p{
                text-align: center;
            }
             .pics{
                width: 350px;height:400px;margin: 8px;
             }
        </style>
    </head>
    <body>
        <nav style="background-color: black;color: white;padding: 10px;">
            <a>WHITE</a>
            <a href="tp.html" style="text-decoration: none; color: white; margin-left: 655px;">首页</a>
            <a href="#" style="text-decoration: none; color: white; margin-left:50px ;">关于</a>
            <a href="#" style="text-decoration: none; color: white; margin-left: 50px;">照片集 </a>
            <a href="#" style="text-decoration: none; color: white; margin-left: 50px;">服务</a>
            <a href="#" style="text-decoration: none; color: white; margin-left: 50px;">微博</a>
            <a href="#" style="text-decoration: none; color: white; margin-left: 50px;">联系</a>
            <a href="#" style="text-decoration: none; color: white; margin-left: 50px;">登录</a>
        </nav>
       <p class="pic" ><img src="15.jpg"></p>
        <p ><img class="pics" src="project1.jpg">
            <img class="pics" src="m-project2.jpg"><img class="pics" src="project2.jpg"></p>
            <p ><img class="pics" src="m-project1.jpg">
            <img class="pics" src="project4.jpg"><img class="pics"src="m-project3.jpg"></p>
            <p><img class="pics" src="project5.jpg">
            <img class="pics" src="project6.jpg"><img class="pics" src="project7.jpg"></p>
       
    </body>
</html>